html, body {
	
	color: white;
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0%;
	/*background-color: black;*/
	font-family: Arimo, sans-serif;
	background: #222e50; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* IE10+ */
	background: linear-gradient(135deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* W3C */	
}

#todo{
	margin-right:20%;
	margin-left:20%;
	margin-top:4%;
	margin-bottom:auto;
	padding:3%;	
	color:white;
	background-color: black;
	border-radius:15px;
	border-color:#43536B;
}

#imagen{
	float:right;
	margin-bottom:10%;    
}
#imagen img{
	float:right;
	position:relative;
	height:230px;
	border-radius: 5px; 
}

.ocupado{
	background-color:red;
}
.libre{
	background-color:green;
}
.marcado{
	background-color:orange;
}
/*#asiento td:hover{
	background-color:green;
}*/

/*#asiento td:active{
	background-color:yellow;
}*/